@charset "UTF-8"

/* 
 * Theme Name: Sandbox
 * Theme Author: your name here
 * Theme URI: http://
 * Version: 1.0
 * Description: 
 *
 * Tab Indent: 4 spaces (for vim :set tabstop=4, shiftwidth=4)
 * ------------------------------------------------------------------*/



/* Reset
 * 清空浏览器的预设风格，减少浏览器差异
 * read more: (http://meyerweb.com/eric/tools/css/reset/)
 * ------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
input, textarea, select,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Global Setting
 * 全局设置, 重定义整体样式
 * ------------------------------------------------------------------*/

/* 用62.5%重置字体大小
 * 如果用户浏览器预置的是16px字体的话，62.5% * 16px = 10px */
body {
	font: 62.5%/1.6 Verdana,'Helvetica Neue',Helvetica,Sans-Serif;
	background: #FFF;
	color: #000;
	text-align: left;
}

/* 用em定义字号比px, pt, percentage更具灵活性
 * read more (http://mondaybynoon.com/2006/03/13/effective-style-with-em/) */
p {
	margin: 0 0 1.2em;
}

h1, h2, h3, h4 {
	margin: 0.5em 0;
	font-weight: bold;
}

	/* h2 负责正文标题及相应模块标题 */
	h2 {
		font-size: 1.3em;
	}

	/* h3， h4 是日志内容标题，dont using strong tag */
	h3 {
		font-size: 1.25em;
	} 
	
	h4 {
		font-size: 1.1em;
	} 

a:link {
	color: #317B9E;
	text-decoration: none;
}

a:visited { 
	color: #104C68;
	text-decoration: none;
}

a:hover { 
	color: #408DB4;
	text-decoration: underline;
}

a:active {
	color: #408DB4;
	text-decoration: none;
}

acronym, abbr {
	border-bottom: 1px dotted;
	cursor: help;
	letter-spacing: .07em;
}

/* 浏览器对input, textarea的字体有格外的预设 */
input, textarea, select {
	font: 1em Verdana,'Lucida Grande',Helvetica,Sans-Serif;
	background: #FFF;
	border: 1px solid #555;
}

	input:focus, textarea:focus, input:hover, textarea:hover { }

/* 字族顺序: Linux -> Mac -> Windows Vista -> Windows */
code, var, pre {
	font: .9em 'Bitstream Vera Sans Mono',Monospace,Monaco,Consolas,Courier;
	color: #555;
}

/* 正确使用pre规范正文出现的代码 */
pre {
	overflow: auto;
}

/* blockquote不只是缩进 */
blockquote {
	margin: 2em 0 2em 2em;
}

/* 不要在HTML中使用 align='left|center|right' 定位 */
.center { 
	text-align: center;
}

.floatleft {
	float: left;
	margin: 0 15px 10px 0;
}

.floatright {
	float: right;
	margin: 0 0 10px 15px;
}

/* 用clearfix清除浮动
 * read more (http://www.positioniseverything.net/easyclearing.html) */
.clearfix:after { 
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

	/* target IE6 and IE7 */
	* html .clearfix {
		height: 1%;
	}

	*+html .clearfix {
		height: 1%;
	}	

/* bus封装的clear div*/
.clear {
	clear: both;
}	



/* Layout and Structure
 * 布局，结构设置
 * ------------------------------------------------------------------*/

#wrapper {
	width: 780px;
	margin: 0 auto;
	font-size: 1.2em; /* 如果用户浏览器预设字号是16px的话，这里的字号相当于12px */
}	

#header {
	padding: 20px;
}

	/* 一个页面仅出现一次h1，for SEO friendly! */
	h1#blogname {
		font: 3em Baskerville,'Palatino Linotype',Georgia,Serif; /* 10px * 1.2 * 3 = 36px */
	}

	p#description { }

#content {
	margin: 20px 0;
}

	/* 正文及侧栏区域，用padding定位，更好的避免浏览器间的差异*/
	#primary {
		float: left;
		padding-left: 20px; 
		width: 500px; /* 真实的盒模型宽度是520px */
	}	

	#secondary {
		float: right;
		padding-right: 20px;
		width: 220px; /* primary和secondary之间有20px间隔，留足弹性以免页面元素撑爆盒模型造成元素下沉(mainly in IE) */
	}	

#footer {
	padding: 20px;
	clear: both;
}	
		
	p#copyright {
		text-align: center;
	}



/* Styles
 * 主体风格设置
 * ------------------------------------------------------------------*/

/* 分页导航 */
#pagenavi { 
	text-align: center;
}

	/* 当前页面 */
	#pagenavi span { }

/* 日志页面导航 */
#navigation {
	text-align: center;
}

	span.pre { }

	span.home { }

	span.next { }

/* 日志主体 */
div.entry {
	margin: 0 0 20px 0;
}

	/* 日志顶部信息 */
	div.entryhead { }

		h2.entrytitle { }

		p.metadata { }

			p.metadata span.date { }

			p.metadata a.author { }

	/* 日志内容 */
	div.entrybody { }

		/* 重新定义日志内出现的无序列表和有序列表风格 */
		div.entrybody ul, div.entrybody ol {
			margin: 2em 0 2em 2em;
		}

		div.entrybody ul li {
			list-style: outside square;
		}

		div.entrybody ol li {
			list-style: outside decimal;
		}

	/* 日志底部信息 */
	div.entryfoot { }

		div.entryfoot span.tags { }

		div.entryfoot span.category { }

		div.entryfoot span.trackback { }

		div.entryfoot span.menubar { }

	/* 日志版权信息 */
	p.cc-lisence { }

	/* 随机文章列表 */
	div.relpost { }

	/* 收藏到 */
	div.addfav { }

	
	
/* Commentfield
 * 评论区域
 * ------------------------------------------------------------------*/

/* 评论列表 */
#comments { }

	#comments li {
		margin: 0 0 20px;
	}

		/* 评论内容 */
		#comments li div.cmtBody { }

		/* 评论信息 */
		#comments li div.menubar { }

			#comments li span.author { }

			#comments li span.time { }

			#comments li span.reply { }

		/* 博主回复评论 */
		#comments li div.reCmtBody { }

			#comments li div.reCmtBody span.author { }
	
			/* 回复内容 */
			#comments li div.reCmtBody div.content { }

			#comments li div.reCmtBody div.time { }

		/* 评论分页 */
		#comments li div.cmtPagenav { }

/* 评论框 */
#commentForm {
	margin: 20px 0;
}

	#commentForm form {
		width: 80%;
	}

	#commentForm form div {
		margin: 0 0 5px;
	}
	
	#commentForm form div input.textField {
		width: 200px;
		border: 1px solid #555;
	}

	#commentForm form div label {
		display: block;
		color: #555;
	}	

	#commentForm form div textarea {
		width: 400px;
		border: 1px solid #555;
	}	

	/* 收到博主回复邮件提示 */
	#commentForm form div span.emailnotice { }

	/* 提交评论按钮*/
	#commentForm form div.submit input.button {
		padding: 3px 8px;
	}

	/* 记住我 */
	#commentForm form div.submit span.rememberBox input#cremember { }



/* Modules
 * 侧栏模块
 * ------------------------------------------------------------------*/

/* 模块结构 */
div.module { }

	/* 模块标题 */
	div.module h2 { }

	div.modTop { }
		
	div.modBody { }

	div.modBottom { }

/* 个人资料模块 */
#profile { }

/* 日历模块 */
#calendar { }

	#calendar table {
		text-align: center;
	}

	#calendar table tr { }

	#calendar table tr td {
		padding: 2px 3px;
	}

	#calendar table tr.calendarHead { }

	tr.calendarHead span.preMonth { }

	tr.calendarHead span.nextMonth { }

	#calendar table tr.week { }

	#calendar table tr.day { }

	#calendar table td.today {
		font-weight: bold;
	}

/* 搜索模块 */
#search { }

/* 日志分类模块 */
#cats { }

/* 标签模块 */
#tags { }

/* 最近日志模块 */
#nPosts { }

/* 最新评论模块 */
#nComments { }

/* 链接模块 */
#links { }

/* 存档模块 */
#archives { }

/* 管理模块 */
#login { }

/* meta模块 */
#meta { }

/* 自定义HTML模块 */
#custom { }



/* Hacks
 * 针对各浏览器进行debug
 * read more (http://thomas.tanreisoftware.com/?p=11)
 * ------------------------------------------------------------------*/

/* target IE6 */
* html /*selector*/ { }

/* target IE7 */
*+html /*selector*/ { }

/* target Mozilla Firefox (Gecko) */
html:not([lang*=""]) /*selector*/ { }

/* target Opera */
@media all and (min-width:0px) {
	head~body:lang(en) /*selector*/ { }
}

/* target Safari 3 (webkit) */
@media all and (min-width:0px) {
	body:not(:root:root) /*selector*/ { }
}

/* target Konqueror */
html:not(:nth-child(1)) /*selector*/ { } 
